/* ==========================================================================

   Index Page

   ========================================================================== */

/*我们*/
.sect_us { overflow: hidden; background: #fff; position: relative; }
.us_text { padding: 1rem 0; line-height: 2; text-indent: 2em }
.us_img2 { margin-top: 1rem }

/*产品*/
.sect_prod{background: #f0f0f0}
.cate-hd{text-align: center;margin-bottom: 35px}
.cate-hd a{display: inline-block;font-size: 16px;padding: 0 30px;margin:4px;line-height:44px;color: #fff;background-color: #3d3d3d;}
.cate-hd a.on{background: #cc0033;color: #fff}
.cate-hd a:hover{background: #cc0033;color: #fff}

.cate_head{background-color: #fff;padding-top: 25px}
.cate_head .cate-hd{text-align: left;margin-bottom: 0;padding-top: 15px;float: left;width: 101%}
.cate_head .cate-hd a{display: block;width: 19%;float: left;padding: 0;margin:0;text-align: center;margin-right: 1%;font-size: 16px;}
.cate_head .cate_t{width: 100%;line-height:2.2;background-color: #cc0033;color: #fff;font-size: 2.2rem;text-align: center;}
@media screen and (max-width: 640px){
	.cate_head .cate-hd a {
	    width: 49%;
	    margin-bottom: 5px;
	}
}
.sect_prod .media-box{position: relative;background-color: #fff;margin-bottom: 15px}
.sect_prod .media-box .icon{width: 280px;height: 200px;border:0;border-bottom: 4px solid #f0f0f0;background: #fff}
.sect_prod .media-box h3{padding: 10px}
.sect_prod .media-box p span{background-color: #cfcfcf;padding: 5px 13%;color: #fff}
.sect_prod .media-box:hover p span{background-color: #cc0033}

.sect_adv_1{background: #fff}
.sect_adv_2{background: #f0f0f0}
.sect_adv_3{background: #fff}
.sect_adv .index_{padding-top:0;padding-bottom:0}
.sect_adv .services-box{padding:20px 0;background:inherit;text-align:left}
.sect_adv_2 .services-box{padding:50px 0}
.sect_adv_3 .services-box{padding:50px 0}
.sect_adv .services-box h3{position:relative;padding-left:50px;color:#cc0033;overflow: hidden;}
.sect_adv .services-box h3 p{padding:0;color:inherit;font-size:22px;line-height:1}
.sect_adv .services-box h3 p:before{content:''}
.sect_adv .services-box h3 small{padding:0;color:#b2c1d2;vertical-align:top;text-transform:uppercase;font-size:12px}
.sect_adv .services-box h3:before{position:absolute;top:-20px;left:0;font-weight:bolder;font-size:40px}
.sect_adv_1 .services-box h3:before{content:'01'}
.sect_adv_2 .services-box h3:before{content:'02'}
.sect_adv_3 .services-box h3:before{content:'03'}
.sect_adv .services-box p{height:auto;color:#3a3a3a;padding-left: 10px;text-align: justify;}
.sect_adv .services-box p span{color:#cc0033}
@media screen and (max-width: 640px){
	.sect_adv .services-box h3{padding-left: 35px}
	.sect_adv .services-box h3 p { font-size: 16px }
	.sect_adv .services-box h3:before{font-size: 26px;top:-8px;}
	.sect_adv .services-box p{font-size: 13px}
}

.news_box{background: #f7f7f7}
.news_box .icon,.news_box .text{height: 400px;width: 100%}
.news_box .icon img{width: 100%;height: 100%;display:block;}
.news_box .text{text-align: center;font-size: 12px}
.news_box .text p{color: #585858}
.news_box .text p span{font-size: 16px;display: block;padding-bottom: 1.5rem;color: #000}
.news_box .text p a.more{color: #cc0033;border-color: #cc0033}
.news_box.on .text{background: #cc0033;}
.news_box.on .text p,.news_box.on .text p span{color: #fff}
.news_box.on .text p a.more{background: #cc0033;color: #fff;border-color: #fff}
@media screen and (max-width: 640px){
	.news_box{margin-bottom: 10px}
	.news_box .text { height: auto !important; padding: 2rem;}
}

/*新闻*/
.sect_new { overflow: hidden; background: #f7f7f7 }
.news-box { position: relative; margin-bottom: 2rem }
.news-box .news_time { background: #f2f1f1; text-align: center; color: #7e7e7e }
.news-box .news_time .date { line-height: 2.4 }
.news-box .news_time .date i { padding: .6rem 0; background: #393a45; font-size: 1.2rem; color: #fff; display: block; line-height: 1 }
.news-box .news_time .item { display: none; }
.news-box .news_cont { }
.news-box .news_cont h5 { font-size: 1rem; font-weight: normal; padding-bottom: 6px; position: relative; }
.news-box .news_cont h5 a { padding-right: 20px; color: #363535; display: block; position: relative; }
.news-box .news_cont h5 a:before { display: block; content: '+'; position: absolute; right: 0; top: 50%; margin-top: -10px; width: 18px; height: 18px; text-align: center; line-height: 18px; background-color: #9b9b9b; color: #fff }
.news-box .news_cont h5 a:after { display: block; content: ''; position: absolute; width: 20%; height: 1px; background-color: #2b2a2a }
.news-box .news_cont p { color: #7e7e7e; height: 50px; overflow: hidden; text-align: justify }
.news-box a.more { border: 1px solid #2b2a2a; font-size: 0.875rem; padding: 0.3rem 1.2rem; display: inline-block; }
.news-box a.more:hover { border-color: #cc0033; color: inherit; }
.news-box.on .news_time .date i { background: #cc0033; }
.news-box .news_cont h5 a:hover:before, .news-box.on .news_cont h5 a:before { background: #cc0033; color: #fff }
.news-box .news_cont h5 a:hover:after, .news-box.on .news_cont h5 a:after { width: 150px; background-color: #fcb708 }
.thumb { width: 100%; height: 168px; background-position: center center; background-size: 100% auto; background-repeat: no-repeat; }

.news-box .news_cont .smal-hide{
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}